<%--
  Created by IntelliJ IDEA.
  User: LoveR
  Date: 2021/7/6
  Time: 15:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<style type="text/css">
    @import url("/css/header.css");
</style>
<head>
    <title>观看历史</title>
</head>
<body>
<header class="header">
    <h1><img style="height: 50px;width: 180px"
             src=""
             alt="">
    </h1>
    <form>
        <label>
            <input type="text" name="search" placeholder="Search.." class="search">
        </label>
    </form>
    <button class="searchButton searchButton2">立即搜索</button>
    <div class="login">
        <!-- 登录 -->
        <!-- 注册 -->
        <span><button href="#" class="dlspan">登录</button></span>
        <span><button href="#" class="zcspan">注册</button></span>
    </div>
</header>
<div class="topNav">
    <!-- 导航栏 -->
    <div style="float: left;">
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">推荐</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">影视</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">音乐</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">游戏</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">体育</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">综艺</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">娱乐</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">动漫</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">生活</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">美食</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
        <button class="links_button button dropdown">
            <a href="#" style="text-decoration: none">宠物</a>
            <span class="dropdown-content">
                    <a href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                </span>
        </button>
    </div>
</div>
<div class="img">
    <ul class="vertical">
        <li style="background-color: deepskyblue"><a href="${pageContext.request.contextPath}/videos/queryHistory?userId=${param.userId}" class="verticalLiA">观看历史</a></li>
        <li><a href="${pageContext.request.contextPath}/user/load_one?id=${param.userId}" class="verticalLiA">个人信息</a></li>
        <li><a href="${pageContext.request.contextPath}/videos/queryVideos?userId=${param.userId}" class="verticalLiA">视频管理</a></li>
        <li><a href="${pageContext.request.contextPath}/user/queryLike?userId=${param.userId}" class="verticalLiA">我的关注</a></li>
        <li><a href="${pageContext.request.contextPath}/user/queryFans?userId=${param.userId}" class="verticalLiA">我的粉丝</a></li>
    </ul>

    <div style="margin-left:25%;padding-top: 200px;height:1000px;white-space:nowrap;">
        <c:forEach items="${requestScope.videosList}" var="videos">
            <div style="  float: left;width: 20%;padding: 5px;">
                <p><img src="${videos.logo}" width="130px" height="150px" alt=""></p>
                <p> ${videos.addTime}</p>
                <p> ${videos.title}</p>
            </div>
        </c:forEach>
        <input type="hidden" id="userId" value="${requestScope.users.id}">
    </div>
</div>
</body>
</html>
